﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.3, maximum-scale=2.0, user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<title>华夏快线电子客票</title>
<script type="text/JavaScript">
	function vary(id, obj) {
		var value = document.getElementById(id).value;

		if (value == "") {

			document.getElementById(id).value = obj;
		}
	}
</script>
</head>
<body>
  <header id="main-top">
    <input class="select-city" type="text" name="username" id="pname" value="输入城市、车站拼音字首搜索" onblur="vary('pname','输入城市、车站拼音字首搜索');" onfocus="if(this.value=='输入城市、车站拼音字首搜索') this.value='';" /> <img class="close-xz" src="images/close.png">
  </header>
  <div id="container">
    <div id="city-All">
      <UL>
        <li>成都（所有客运站）</li>
        <li>成都双流机场</li>
        <li>峨眉站</li>
        <li>重庆（所有客运站）</li>
      </UL>
    </div>
    <div id="city-A" class="city-list">
      <h4>A</h4>
      <UL>
        <li>成都（所有客运站）</li>
        <li>成都双流机场</li>
        <li>峨眉站</li>
        <li>重庆（所有客运站）</li>
      </UL>
    </div>
    <div id="city-B" class="city-list">
      <h4>B</h4>
      <UL>
        <li>成都（所有客运站）</li>
        <li>成都双流机场</li>
        <li>峨眉站</li>
        <li>重庆（所有客运站）</li>
      </UL>
    </div>

    <div id="city-C" class="city-list">
      <h4>C</h4>
      <UL>
        <li>成都（所有客运站）</li>
        <li>成都双流机场</li>
        <li>峨眉站</li>
        <li>重庆（所有客运站）</li>
      </UL>
    </div>

    <div id="city-D" class="city-list">
      <h4>D</h4>
      <UL>
        <li>成都（所有客运站）</li>
        <li>成都双流机场</li>
        <li>峨眉站</li>
        <li>重庆（所有客运站）</li>
      </UL>
    </div>
  </div>
</body>
</html>
